$(function () {

    // 模块初始渲染
    chuShi()
    function chuShi() {
        // search 模块初始渲染
        $.ajax({
            method: 'GET',
            url: '/api/search/index',
            // data: '数据',
            success: function (res) {
                console.log(res.data);
                //渲染搜索框内容
                // $('.keywrod').val(res.data.defaultKeyword.keyword)
                $('.keywrod').attr('placeholder', res.data.defaultKeyword.keyword)

                // <!-- //渲染历史记录 -->
                const html_title = template("goods_title", res.data)
                $('.record').html(html_title)

                // <!-- 渲染热门搜索 -->
                const html_str = template("goods_hot", res.data)
                $('.hot').html(html_str)
            }
        })
    }

    // 点击历史记录查询商品
    $(".record").on('click', '.item', function () {
        // alert('11')
        // console.log($(this));
        $('.input-box [name="input"]').val($(this).text())
        $(".no-search").hide()
        $(".search-result-empty").show()
    })


    // 点击热门搜索查询商品
    $(".hot").on('click', '.item', function () {
        // alert('11')
        $('.input-box [name="input"]').val($(this).text())
        // console.log($(this).text());
        $(".no-search").hide()
        $(".search-result-empty").show()
    })



    // 点击搜索框
    // $('.input-box [name="input"]').on('click', function () {
    //     $(".no-search").hide()
    //     $(".search-result").show()
    //     // $(".search-result").show()
    // })

    //搜索框
    $('.input-box [name="input"]').on('keyup', function (e) {
        if (e.keyCode === 32 || $(this).val().trim() !== '') {
            // alert('11')
            var p = { keyword: $(this).val().trim() }
            $.ajax({
                method: 'GET',
                url: '/api/search/helper',
                data: p,
                success: function (res) {
                    // console.log(res.data);
                    // console.log(res);
                    if (res.data.length !== 0) {
                        // $(".no-search").hide()
                        // $(".search-result-empty").show()

                        $(".no-search").hide()
                        // console.log();
                        // 渲染搜索建议
                        // const html_search = template("goods_search", res.data)
                        $('.jian').html(res.data)
                        $(".shelper-list").show()
                    }
                }
            })
            if (e.keyCode === 13) {
                // 搜索 查询商品
                $(".no-search").hide()
                suoYin()
            }
        }

    })




    //清空搜索框
    $(".del").on('click', function () {
        $('.input-box [name="input"]').val('')
    })

    //返回上一级
    $(".lt").on('click', function () {
        $(".search-result-empty").hide()
        fanHui()
    })

    $(".right").on('click', function () {
        // alert('11')
        location.href = '/cate.html'
    })

    //返回上一级
    function fanHui() {
        $(".no-search").show()
        $(".shelper-list").hide()
        $('.input-box [name="input"]').val('')
        chuShi()
    }

    //搜索 查询商品
    function suoYin() {
        $.ajax({
            method: 'GET',
            url: '/api/goods/count',
            success: function (res) {
                console.log(res);
                if (res.errno == 0) {
                    $(".shelper-list").hide()
                    $(".search-result-empty").show()
                }
                // if (res.code !== 0) {
                //     return '提示失败的语句'
                // }
                //先一个提示成功的语句,然后其他
            }
        })
    }


    //点击删除图标删除历史记录
    $('.dele').on('click', function () {
        $('.search-history').hide();
    })

})


